<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--当前页面中，所有不加任何修饰的相对路径前，会自动补充href中的内容-->
<!--    <base href="/demo4/">-->
    <link href="">
    <script src=""></script>
</head>
<body>
<img src="/static/img/aaa.jpeg" />
<!--
1.相对路径
    以当前资源的所在路径作为出发点去找目标资源
    语法：不以/开头u
        ./表示当前资源的路径
        ../表示当前资源的上一层路径
    缺点：目标资源路径受到当前资源路径的影响，不同位置，相对路径写法不同

2.绝对路径
    始终以固定的路径作为出发点去找目标资源，和当前资源的所在路径没有关系
    语法：以/开头
        不同的项目中，固定的路径出发点可能不一致，可以测试一下 http://localhost:8080/demo4/static/img/aaa.jpeg
    优点：目标资源路径的写法不会受到当前资源路径的影响，不同位置，绝对路径写法一致
    缺点：绝对路径要补充项目的上下文    项目上下文是可以改变的

    通过head>base>href属性，定义相对路径公共前缀，通过公共前缀把一个相对路径转换为绝对路径(不完美)
-->
<!--<img src="/demo4/static/img/aaa.jpeg" />-->
</body>
</html>